/*主页面搜索样式*/
.search_condition {
    padding: 3px;
    background-color: rgb(246, 248, 255);
    display: flex;
    justify-content: flex-start;
}

/*主页面搜索样式*/
.search_condition_block {
    padding: 3px;
    /*background-color: rgb(246,248,255);*/
    display: block;
    justify-content: flex-start;
}

/*主页面搜索条件框样式*/
.search-data {
    width: 200px;
    height: 42px;
    margin-right: 5px;
}

/*搜索按钮样式*/
.btn-search {
    margin-left: 5px;
}

/*主页面表格样式*/
.main-body {
    background-color: rgb(246, 248, 255);
    margin-top: 10px;
}

/*新增页面样式*/
.all-add {
    display: flex;
    flex-direction: column;
}

.row-add {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.input-add {
    margin-left: 10px;
}

input {
    border-radius: 10px;
}

/*参数管理页面--start*/
.parameter_main {
    display: flex;
    justify-content: space-between;
}

.parameter_div {
    width: 49%;
}

/*参数管理页面--end*/

/**
 * Dai 2018-03-29 bootstrap重写了关于 fieldset 和 legend 的样式
 * 这边是用来还原样式的
 */
fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
    border-radius: 8px
}

legend {
    /*这两行是原版的*/
    /*padding: .5em;*/
    /*margin-bottom: 10px;*/
    border: 0;
    width: auto;
    margin-bottom: 0;
    padding-bottom: 0;
}

/**
 * 这个系统的breadcrumb是顶格的
 */
.breadcrumb {
    margin: 10px;
    margin-left: 0;
}

/**
 * Dai 2018-03-30
 * 这边是选择按钮的样式 选中以后就是白底红字的 未选中的时候是白底黑字 移动上去是白底红框红字
 */
.btn-choose-red, .btn-choose-red.focus, .btn-choose-red:focus {
    background-color: transparent !important;
    border-color: transparent;
    color: #000000 !important;
}

.btn-choose-red.focus:hover, .btn-choose-red:active:hover, .btn-choose-red:focus:active, .btn-choose-red:focus:hover, .btn-choose-red:hover, .open > .btn-choose-red.dropdown-toggle, .open > .btn-choose-red.dropdown-toggle.focus, .open > .btn-choose-red.dropdown-toggle:active, .open > .btn-choose-red.dropdown-toggle:focus, .open > .btn-choose-red.dropdown-toggle:hover {
    background-color: transparent !important;
    border-color: #D15B47;
}

.btn-choose-red.active, .btn-choose-red.active:focus, .btn-choose-red.active:hover, .btn-choose-red.focus.active, .open > .btn-choose-red.dropdown-toggle.active {
    background-color: transparent !important;
    border-color: transparent;
    color: red !important;
}

/**
 * Dai 2018-04-02
 * 系统监控 - 实时监控 按钮 白底黑字 选择底色变红
 */
.btn-white-black-red {
    color: #000 !important;
    background-color: white !important;
    border: 1px solid #761c19 !important;
    border-radius: 0 !important;
    margin: 0;
    float:left
}

.btn-white-black-red.active {
    color: #000 !important;
    background-color: #FF0000 !important;
    border-color: #ac2925 !important;
}

/**
 * Dai 2018-04-08
 * 伪色图色卡
 */
.color {
    width: 20px;
    height: 20px;
    float: left;
}

.color-0 {
    background-color: #72ccff;
}

.color-1 {
    background-color: #76f2f2;
}

.color-2 {
    background-color: #87f7cf;
}

.color-3 {
    background-color: #d2f5a6;
}

.color-4 {
    background-color: #f7f494;
}

.color-5 {
    background-color: #f7c5a0;
}

.color-6 {
    background-color: #fc97af;
}

.color-7 {
    background-color: #d4a4eb;
}

/**
 * Dai 2018-04-10
 * 工程配置 - 对象管理
 * 编辑设备树 - 树的自定义按钮的样式
 */
span.demoIcon {
    padding: 0 2px 0 10px;
}

span.button.add_pcs {
    margin: 0 5px 0 0 !important;
    vertical-align: top;
    *vertical-align: middle;
    background-image: url(/image/add-green.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

span.button.add_bms {
    margin: 0 5px 0 0 !important;
    vertical-align: top;
    *vertical-align: middle;
    background-image: url(/image/add-blue.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

span.button.add_group {
    margin: 0 5px 0 0 !important;
    vertical-align: top;
    *vertical-align: middle;
    background-image: url(/image/add-blue.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

span.button.add_one {
    margin: 0 5px 0 0 !important;
    vertical-align: top;
    *vertical-align: middle;
    background-image: url(/image/add-blue.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

span.button.add_list {
    margin: 0 5px 0 0 !important;
    vertical-align: top;
    *vertical-align: middle;
    background-image: url(/image/add-list.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

span.button.rename {
    margin: 0 5px 0 0 !important;
    vertical-align: top;
    *vertical-align: middle;
    background-image: url(/image/edit.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

span.button.delete {
    margin: 0 5px 0 0 !important;
    vertical-align: top;
    *vertical-align: middle;
    background-image: url(/image/delete.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

span.button.import {
    margin: 0 5px 0 0 !important;
    vertical-align: top;
    *vertical-align: middle;
    background-image: url(/image/import.png)!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

span.button.export {
    margin: 0 5px 0 0 !important;
    vertical-align: top;
    *vertical-align: middle;
    background-image: url(/image/export.png) !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.ztree li a {
    height: 20px !important;
}

.tree-title {
    height: 37px;
    line-height: 37px;
    font-weight: bolder;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    background-color: #F1F1F1;
    float: left;
}

/**
 * Dai 2018-04-19
 * 可编辑的台账信息
 */
#default-step-2 input {
    border: 0;
    padding: 10px;
}
#default-step-2 label {
    margin-top: 10px
}